<template>
  <div class="sidebar">
    <h3 class="sidebar-title">省内网评估模型工具</h3>
    <el-menu
      default-active="/data-overview"
      class="el-menu-vertical-demo"
      background-color="#333"
      text-color="#fff"
    >
 
      <!-- <el-menu-item-group title="数据录入" style="color: aliceblue;">
          <el-menu-item index="/data-overview" class="menu-item">数据概览</el-menu-item>
      </el-menu-item-group> -->
      <router-link to="/data-entry">
        <el-menu-item index="/data-entry" class="menu-item">数据录入</el-menu-item>
      </router-link>
      <router-link to="/data-overview">
        <el-menu-item index="/data-overview" class="menu-item">评估模型运行</el-menu-item>
      </router-link>
      <router-link to="/results-display">
        <el-menu-item index="/results-display" class="menu-item">评估结果</el-menu-item>
      </router-link>
      <router-link to="/comparison-analysis">
        <el-menu-item index="/comparison-analysis" class="menu-item">方案对比</el-menu-item>
      </router-link>
      
    </el-menu>
  </div>
</template>

<style scoped>
.sidebar {
  width: 250px;
  padding: 20px;
  background-color: #202123;
  height: 100%; 
}

.sidebar-title {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px; 
}

.menu-item {
  padding: 40px 0; 
  color: #fff;
}
</style>
